<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>鑫诺洁家政</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<link rel="stylesheet" href="css/project.css" />
	</head>

	<body>
		<header>
			<div class="header center">
				<img src="img/logo.png" />
				<p>鑫诺洁家庭服务有限公司</p>
			</div>
		</header>
		<nav>
			<div class="nav1 active">
				<i class="iconfont">&#xe67d;</i>
				<p>营销工具</p>
			</div>
			<div class="nav2">
				<i class="iconfont">&#xe653;</i>
				<p>我的福利</p>
			</div>
			<div class="nav3">
				<i class="iconfont">&#xe656;</i>
				<p>我的排班</p>
			</div>

		</nav>
		<div class="part1_top">
			<img src="img/tou.jpg" />
			<p>张晓丽</p>
			<p>美好的一天，从家居清洁开始</p>
		</div>
		<article class="part1">
			<a href="#">
				<div class="part1_content">
					<p>鑫诺洁</p>
					<i class="iconfont">&#xe65b;</i>
				</div>
			</a>
			<a href="#">
				<div class="part1_content">
					<p>鑫诺洁</p>
					<i class="iconfont">&#xe66d;</i>
				</div>
			</a>
			<a href="#">
				<div class="part1_content">
					<p>鑫诺洁</p>
					<i class="iconfont">&#xe65b;</i>
				</div>
			</a>
			<a href="#">
				<div class="part1_content">
					<p>鑫诺洁</p>
					<i class="iconfont">&#xe66d;</i>
				</div>
			</a>
		</article>
		<article class="part2">
			<div class="part2_time">
				<div class="time_header">
					<div class="prev">
						<i class="iconfont">&#xe659;</i> 上个月
					</div>
					<div class="year">

					</div>
					<div class="next">
						下个月
						<i class="iconfont">&#xe673;</i>
					</div>
					<br />
					<div class="time_tab">
						<ul>
							<li>底薪</li>
							<li>0元</li>
							<li>基础时长</li>
							<li>0元</li>
						</ul>
						<ul>
							<li>已完成</li>
							<li>0小时</li>
							<li>工时奖金</li>
							<li>0小时</li>
						</ul>
						<ul>
							<li>销售提成</li>
							<li>0元</li>
							<li>扣款</li>
							<li>0元</li>
						</ul>
						<ul>
							<li>应发工资</li>
							<li>0元</li>
							<li>预期工资</li>
							<li>0元</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="part2_tab">
				<ul>
					<li>12月11日上午</li>
					<li>未关联</li>
					<li>2小时</li>
					<li>未服务</li>
					<li>-</li>
				</ul>
				<ul>
					<li>11月12日上午</li>
					<li>未关联</li>
					<li>2小时</li>
					<li>未服务</li>
					<li>-</li>
				</ul>
				<ul>
					<li>11月12日下午</li>
					<li>null</li>
					<li>2小时</li>
					<li>未服务</li>
					<li>-</li>
				</ul>
				<ul>
					<li>12月12日下午</li>
					<li>null</li>
					<li>2小时</li>
					<li>未服务</li>
					<li>-</li>
				</ul>
			</div>
		</article>
		<article class="part3">
			<div class="part2_time"style="height:0px">
				<div class="prev">
					<i class="iconfont">&#xe659;</i> 上个月
				</div>
				<div class="year">
					2018年10月
				</div>
				<div class="next">
					下个月
					<i class="iconfont">&#xe673;</i>
				</div>
			</div>
			<br />
			<div id="flbox">
			<ul>
				<li>12月11日上午</li>
				<li>至诚学院物理北楼408</li>
				<li>2小时</li>
				<li>待服务</li>
			<li><i></i></li>
			</ul>

			<ul>
				<li>12月12日上午</li>
				<li>至诚学院物理北楼404</li>
				<li>2小时</li>
				<li>待服务</li>
				<li></li>
			</ul>
			<ul>
				<li>12月13日上午</li>
				<li>至诚学院物理北楼409</li>
				<li>2小时</li>
				<li>待服务</li>
				<li></li>
			</ul>
			<ul>
				<li>12月14日下午</li>
				<li>至诚学院物理北楼407</li>
				<li>2小时</li>
				<li>待服务</li>
				<li></li>
			</ul>
			</div>
		</article>

	</body>
	<script type="text/javascript" src="js/project.js"></script>

</html>